<!-- eslint-disable max-len -->
<template>
    <div id="look">
        <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item :to="{ path: '/' }">面经后台</el-breadcrumb-item>
            <el-breadcrumb-item>数据看板</el-breadcrumb-item>
        </el-breadcrumb>

        <el-card class="box-card">
            <div slot="header" class="clearfix">
                <span>共6666条数据</span>
                <el-button style="float: right; padding: 3px 0" type="primary" round><i
                        class="el-icon-plus"></i>操作按钮</el-button>
            </div>
            <el-main>
                <el-table :data="tableData">
                    <el-table-column prop="title" label="标题" width="400">
                    </el-table-column>
                    <el-table-column prop="author" label="作者" width="120">
                    </el-table-column>
                    <el-table-column prop="like" label="点赞">
                    </el-table-column>
                    <el-table-column prop="seen" label="浏览数">
                    </el-table-column>
                    <el-table-column prop="time" label="更新时间">
                    </el-table-column>
                    <el-table-column prop="set" label="操作">
                        <i class="el-icon-view"></i>
                        <i class="el-icon-edit-outline"></i>
                        <i class="el-icon-delete"></i>
                    </el-table-column>
                </el-table>
            </el-main>
        </el-card>
    </div>
</template>
<script>
export default {
  data() {
    const item = {
      title: '^_^O(∩_∩)O哈哈~',
      author: '王小虎',
      like: '1111111',
      seen: '2222222',
      time: '2023/5/7',

    };
    return {
      tableData: Array(20).fill(item),
    };
  },
};
</script>
<style>
#look {
    height: calc(100vh - 80px);
    padding-left: 20px;
    padding-right: 20px;
    overflow: auto;
}

.el-breadcrumb {
    height: 80px;
    line-height: 80px;
    font-size: 16px;
}

.el-breadcrumb__separator {
    font-size: 16px;
    padding: 0;
}

.el-card__body{
    padding: 0;
}

.el-table__row i{
    padding-left: 0;
}
</style>
